<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../shop_order/shop_order.css">
    <link rel="stylesheet" type="text/css" href="../comm/shop_comm.css"/>
    <link rel="stylesheet" type="text/css" href="../comm/xy-pop.css"/>
    <link rel="stylesheet" type="text/css" href="./css/after_money.css">
    <title>退款或售后</title>
    <style type="text/css">
		.container.top-container{
    		padding-top: 3rem !important;
    	}
    	.after-money-list{
    		padding-top: 0;
    	}
    	.order_yzc{
    		width: 22px;display: inline-block;margin: -2px 0 0 -2px;vertical-align: middle;
    	}
    </style>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">退款或售后</span>
      	</div>
  	</div>
  	<div class="container top-container" v-if="list.length>0" v-cloak>
  		<div class="order-my-null" id="orderMyNull" v-if="isShowOrderNull">
  			<img src="../../../image/shop/buy/buy-76.png"/>
  			<h2>你还没有相关订单</h2>
  			<p>要是宝贝到手了，那就赶紧享用吧</p>
  		</div>
  		<ul class="after-money-list shop_order_list" ref="afterMoneyList">
  			<li v-for="(item,index) in list" :data-orderid="item.id" :class="item.group_buying == 1 ? 'group-list' : ''">
  				<div class="order_list_buyer">
  					<u>
  						<img src="../../../image/shop/buy/buy-17.png"/><span v-html="item.shop_name"></span>
  						<img src="../../../image/shop/buy/buy-23.png" />
  					</u>
  					<i v-html="item.order_state_msg"></i>
  				</div>
  				<div class="order_list_box" v-for="goods in item.goods" :data-orderid="item.id" :data-group="item.group_buying" @click="goOrderDetail" >
  					<div class="order_list_img">
	  					<img :src="goods.goods_image+'?x-oss-process=image/resize,m_lfit,w_960'"/>
	    			</div>
	    			<div class="order_list_info">
	    				<h2 v-html="goods.goods_name"></h2>
	    				<p><img v-if="item.yzc_status == 1" src="../../../image/shop/yzc_icon.png" class="order_yzc" />
	    				<span v-html="item.yzc_status == 1 ? goods.price : '¥'+goods.price"></span></p>
	    				<p v-html="'型号：'+goods.option_name"></p>
	    				<p v-html="'数量：'+goods.quantity"></p>
	    			</div>
  				</div>
  				<div class="order_list_money" v-show="item.order_state == 7">
  					<img src="../../../image/shop/buy/buy-46.png" v-if="item.group_buying == 1"/>
  					<img src="../../../image/shop/buy/buy-32.png" v-else=""/>
  					退款中
  				</div>
  				<div class="order_list_money" v-show="item.order_state == 8">
  					<img src="../../../image/shop/buy/buy-47.png" v-if="item.group_buying == 1"/>
  					<img src="../../../image/shop/buy/buy-45.png" v-else=""/>
  					仅退款 ，退款成功
  				</div>
  				<div class="order_list_money" v-show="item.order_state == 9">
  					<img src="../../../image/shop/buy/buy-46.png" v-if="item.group_buying == 1"/>
  					<img src="../../../image/shop/buy/buy-32.png" v-else=""/>
  					退款、退货中
  				</div>
  				<div class="order_list_money" v-show="item.order_state == 10">
  					<img src="../../../image/shop/buy/buy-47.png" v-if="item.group_buying == 1"/>
  					<img src="../../../image/shop/buy/buy-45.png" v-else=""/>
  					退货、退款 ，成功
  				</div>
  				<div class="order_list_btn" :data-orderid="item.id"  :data-group="item.group_buying">
  					<a href="javascript:void(0);" @click="delayReceipt" v-show="item.order_state == 9">查看物流</a>
  					<a href="javascript:void(0);" @click="refundDetail"  :data-id="item.order_return_id" class="a-style1" v-show="item.order_state == 9 || item.order_state == 7">退款详情</a>
  					<a href="javascript:void(0);" @click="deleteOrder" :data-index="index" v-show="item.order_state == 8 || item.order_state == 10">删除订单</a>
  				</div>
  			</li>
  		</ul>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/afterMoney.js"></script>
</html>
